<!DOCTYPE html>
<html lang="en">

<head>
    <title>关于</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/about.css" rel="stylesheet">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
</head>

<body>
    
    <div class="header">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <div class="nav">
                <div class="nav-mian ">
                    <div class="nav-left"> <a class="nav-logo">广州幻猎科技有限公司</a></div>

                    <div class="flex nav-right">
                        <ul>
                            <li><a href="/html/index.html" >首页</a></li>
                            <li><a href="/html/serve.html">服务范围</a></li>
                            <li><a href="/html/info.html">行业资讯</a></li>
                            <li class="cur"><a href="/html/about.html">关于</a></li>
                        </ul>
                        <div class="tel ">
                            <img src="../img/icon/tel_4.png" alt="">
                            <span>17600088816</span>
                            
                        </div>
                        
                    </div>
                    

                </div>
                <div class="clear"></div>

            </div>
            
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="../img/bg/about_banner_1.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class ="serve-txt" >
                    <p>致力于互联网品牌建设与企业信息化建设</p>
                    <p>北京云点堂科技有限公司 开发团队—致力于互联网技术服务、开发及应用，为企事业单位提供一站式、完善的网络品牌服务和信息化建设服务。</p>
                </div>
                
            </div>
        </div>
      
        <div class="clear"></div>
    </div>
    <div class="about-body">
        <ul>
            
            <li>
                <div class="box-main">
                   <dd>关于幻猎<span>ABOUT US</span></dd>
                   <dt><p>广州幻猎科技有限公司开发团队—致力于互联网技术服务、开发及应用，为企事业单位提供一站式、完善的网络品牌服务和信息化建设服务。</p></dt>
                   <dt><p>从网络品牌的策划、创建、品牌推广，发展到品牌维护和管理，对网络资源进行分析、诊断、整合，为提升品牌价值提供策略、创意、设计、顾问服务，并专注于对网络品牌、网络策划、设计视觉等方面的探索和研究，保证了策划、开发、设计、方案实施、研究等完善的专业化运作，根据客户具体情况制定系列专业和规范的客户服务和保障体系，为企业提供周到、放心的一站式服务。</p></dt>
            </li>
            <li>
                <img src="../img/bg/bg21_1.jpg" alt="">
            </li>
            <li>
                <img src="../img/bg/bn30_1.png" alt="">
            </li>
            <li>
                <div class="box-main" style="width: 100% ;">
                    <dd>成为受大众信赖和喜爱的服务商</dd>
                    <dt><p>北京云点堂科技有限公司 的众多业务都与客户互联网业务的发展息息相关，成为受客户信赖和喜爱的诚信企业，是我们不变的愿景。我们致力于提供优质、安全的产品和服务，主动发掘客户的潜在需求；我们以开放的方式激励更多人参与创新，将新技术与卓越的商业模式相结合，不断创造出动人心弦的惊喜；我们高度重视客户体验和他们的意见，不断完善客户关系管理体系，与客户共同成长，并将这一过程视为成就卓越的价值所在。</p></dt>
                   
                </div>
            </li>
           
            <li class="zbg">
                <div class="box-main ">
                    <dd>资质荣誉</dd>
                    <dt><p>为客户提供稳定安全的产品服务，是我们不变的宗旨。互联网发展速度是最快的行业，在这个行业中又有着数不胜数的互联网公司。那么我们从产品安全上为客户提供保障，北京云点堂科技有限公司 为客户产品提供稳定的运行环境。同时我们获得自己的CMS软件著作权，产品产权使用更放心！</p></dt>
                   
                </div>
            </li>
            <li>
                <img src="../img/bg/bg23_1.jpg" alt="">
            </li>
           
        </ul>
    </div>
    <div class="footer">

        <div class="footer_content">
            <div class="footer_content_top">
                <div class="content_top_share fl">
                    <div class="footer_logo">
                        <p>广州幻猎科技有限公司</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_top_left fl">
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/about.html">关于我们</a>
                        </dd>
                        <dt>
                            <a href="/html/about.html">关于我们</a>
                        </dt>
                    </div>
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/serve.html">服务项目</a>
                        </dd>
                        <dt>
                            <a href="/html/serve.html">服务项目</a>
                        </dt>
                    </div>
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/info.html">行业资讯</a>
                        </dd>
                        <dt>
                            <a href="/html/info.html">行业资讯</a>
                        </dt>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_top_right fr">
                    <div class="top_right_title">联系方式</div>
                    <div class="top_right_content">
                        <div class="right_content_list">
                            <img src="../img/icon/copy.png" alt="">
                            <span>17600088816</span>
                        </div>
                        <div class="right_content_list">
                            <img src="../img/icon/caiqie.png" alt="">
                            <span>customer@magahata.com</span>
                        </div>
                        <div class="right_content_list">
                            <img src="../img/icon/caiqie.png" alt="">
                            <span>广州市海珠区中大科技园1305A</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="footer_content_copyright"></div>
    </div>

    <div class="nav-box">
        <div class="nav-box-font"><a href="/html/index.html">首页</a></div>
        <div class="nav-box-font"><a href="/html/serve.html">服务范围</a></div>
        <div class="nav-box-font"><a href="/html/info.html">行业资讯</a></div>
        <div class="nav-box-font"><a href="/html/about.html">关于</a></div>
    </div>
    <div class ="topNav" >
        <div class ="topNav-leftbox" >
            <p>广州幻猎</p>
        </div>
        <div class ="topNav-rightbox" onclick="btn();" >
            <img src="../img/icon/list.png" alt=""  >
        </div>
    </div>
    <div class="bottom">
        <div class="bottom_box">
            <input type="text" placeholder="您的名字">
        </div>
        <div class="bottom_box">
            <input type="text" placeholder="您的号码">
        </div>
        <div class="bottom_box">
            <button>联系我们</button>
        </div>
    </div>

</body>
<script src="../bootstrap-3.4.1-dist/js/jquery-3.4.1.js"></script>
<script src="../bootstrap-3.4.1-dist/js/bootstrap.js"></script>

<script>

var flag = false;
    function btn(){
        if(!flag){
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "0" });
            });
            flag =!flag
        }
        else{
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "100%" });
            });
            flag =!flag
        }
    }
    function btnOut() {
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "0" });
            });
 
        }
 
        function btnIn() {
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "100%" });
            });

        }
</script>

</html>